<template>
  <div>
    <div
      class="title"
      :style="'height: '+height+'px;'"
    >
      <img
        src="../images/logo.png"
        mode="aspectFit"
        :style="'margin-bottom: 25rpx'"
      >
    </div>
    <div :style="'height: '+height+'px;'"></div>
  </div>
</template>
 
 <script>
export default {
  data () {
    return {
      height: 70
    }
  },
  mounted () {
    this.height = this.globalData.height
  }
}
</script>
 
 <style lang='scss' scoped>
.title {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  width: 750rpx;
  background: #fff;
  z-index: 10;
  img {
    width: 70px;
    height: 24px;
  }
}
</style>

 